<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <link rel="stylesheet" href="./lib/weui/dist/style/weui.min.css">
  <link rel="stylesheet" href="./lib/jquery-weiui/dist/css/jquery-weui.min.css">

  <script src="./lib/jquery/dist/jquery.min.js"></script>
  <script src="./lib/jquery-weiui/dist/js/jquery-weui.min.js"></script>

  <script src="./lib/fastclick/lib/fastclick.js"></script>
  <script src="./js/common.js"></script>

  <link rel="stylesheet" href="./style/css/global.css">
  <link rel="stylesheet" href="./style/css/yuyuefuwu.css">

  <title>Document</title>
</head>

<body>

  <form action="">

    <div class="weui-cell weui-cell_select weui-cell_select-after">
      <div class="weui-cell__hd">
        <label for="" class="weui-label">预约业务</label>
      </div>
      <div class="weui-cell__bd">
        <select class="weui-select" name="select2">
            <option value="1">业务1</option>
            <option value="2">业务2</option>
            <option value="3">业务3</option>
          </select>
      </div>
    </div>

    <div class="weui-cell">
      <div class="weui-cell__hd"><label for="" class="weui-label">预约日期</label></div>
      <div class="weui-cell__bd">
        <input class="weui-input" id="date-picker" placeholder="选择预约日期">
      </div>
    </div>

    <div class="weui-cell">
      <div class="weui-cell__hd"><label for="" class="weui-label">预约时间</label></div>
      <div class="weui-cell__bd">
        <input class="weui-input" id="time-picker" value="" placeholder="选择预约时间">
      </div>
    </div>

    <div class="weui-cell">
      <div class="weui-cell__hd"><label class="weui-label">预约人姓名</label></div>
      <div class="weui-cell__bd">
        <input class="weui-input" type="text" placeholder="输入预约人姓名">
      </div>
    </div>

    <div class="weui-cell">
      <div class="weui-cell__hd"><label class="weui-label">预约人手机</label></div>
      <div class="weui-cell__bd">
        <input class="weui-input" type="tel" placeholder="输入预约人手机">
      </div>
    </div>

    <button class="sub">立即预约</button>
  </form>

  <div class="tip">
    <p class="title">提示</p>
    <p class="content">请如实填写信息，以便现场确认！</p>
  </div>

  <div class="footer">
    <p class="tel">版权所有：南京市鼓楼区星舟社会工作服务中心</p>
    <p class="address">技术支持:南京英福特信息技术有限公司</p>
  </div>

  <script src="./js/yuyuefuwu.js"></script>
</body>

</html>